<template>
  <div style="display: inline">
    <el-tooltip class="item" :content="label" placement="top" :open-delay="200" :visible-arrow="false">
      <svg-icon :icon-class="iconClass" class="table-icon" @click="handleClick" />
    </el-tooltip>
  </div>
</template>

<script setup lang="ts" name="slTableIcon">
interface Props {
  label: string
  iconClass: string
}

defineProps<Props>()

const emit = defineEmits<{
  (e: 'iconClick'): void
}>()

const handleClick = () => {
  emit('iconClick')
}
</script>

<style scoped>
</style>
